<!DOCTYPE html>
<htm>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>授权</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
        <meta http-equiv="Pragma" content="no-cache"/>
        <meta http-equiv="Expires" content="0"/>
        <link rel="shortcut icon" href="image/favicon.png">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" href="css/light7.min.css">
        <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
        <link rel="stylesheet" href="./css/login.css?v=201812103">
    </head>
    <body>
    <div class="page-group">
        <div class="page page-current">
            <div class="content">
                <p class="position-bottom">
                    <button class="button button-fill external" type="submit">获取定位</button>
                </p>
            </div>
        </div>
    </div>
    <div></div>
    </body>
    <script src="./js/jquery-3.2.1.min.js"></script>
    <script src="./js/config.js?v=201812103"></script>
    <script src="./js/commen.js?v=201812103"></script>
    <script>
        var url = worker_wx_config;
        var success = function (res) {
            wx.config({
                debug: false,
                appId: res.data.appId.toString(),
                timestamp: res.data.timestamp,
                nonceStr: res.data.nonceStr.toString(),
                signature: res.data.signature.toString(),
                jsApiList: [
                    // 所有要调用的 API 都要加到这个列表中
                    'checkJsApi',
                    'openLocation',
                    'getLocation'
                ]
            });
            wx.ready(function () {
                // 在这里调用 API
                <!--通过checkJsApi判断当前客户端版本是否支持指定获取地理位置-->
                wx.checkJsApi({
                    jsApiList: [
                        'getLocation'
                    ],
                    success: function (res) {
                        // alert(JSON.stringify(res));
                        // alert(JSON.stringify(res.checkResult.getLocation));
                        if (res.checkResult.getLocation == false) {
                            alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！');
                            return;
                        }
                    }
                });

                <!--使用getLocation接口获取地理位置坐标-->
                wx.getLocation({
                    success: function (res) {
                        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                        var speed = res.speed; // 速度，以米/每秒计
                        var accuracy = res.accuracy; // 位置精度

                        alert('纬度位置：' + latitude + '经度位置：' + longitude);//弹出经纬度，就这样就获取到了用户的位置

                    },
                    cancel: function (res) {
                        alert('用户拒绝授权获取地理位置');
                    }
                });
            });
        }
        var work_info = getCache(login_key);
        postData(url, {wid: work_info.wid, aid: work_info.aid, sid: work_info.sid,url:location.href.split('#')[0]}, success);
    </script>
</htm>


